// 风险防控建议

const RiskSuggestions = () => {
  return (
    <>
      {/* 标题 */}
      <div
        id="section5"
        className="mt-[24px] h-[36px] flex items-center"
        style={{
          backgroundImage: `url('assistant-decision/title_bg.png')`,
          backgroundRepeat: "no-repeat"
        }}
      >
        <span className="ml-[56px] text-[24px] font-[700]">
          五、风险防控建议
        </span>
        <span className="ml-[36px]">
          以下展示的数据均来自数据中台，通过大模型提炼总结所得。
        </span>
      </div>
      {/* 整改情况 */}
      <div className="text-[14px] h-[476px] mt-[15px] border-1 border-white rounded-[8px] p-[10px]">
        {/* 二级标题 */}
        <div className=" flex items-center justify-between">
          <div
            className="w-[365px] h-[36px] leading-[36px] "
            style={{
              backgroundImage: `url('assistant-decision/base-title_bg.png')`,
              backgroundRepeat: "no-repeat",
              backgroundSize: "cover"
            }}
          >
            <span className="ml-[30px] text-white text-[16px] font-[600]">
              整改情况
            </span>
          </div>
          <div className="flex items-center">
            <div
              className="w-[20px] h-[20px] ml-[12px]"
              style={{
                backgroundImage: `url('assistant-decision/think_icon.png')`
              }}
            ></div>
            <div className="text-[#008BFF]">展开思考过程</div>
          </div>
        </div>
        {/* 一 */}
        <div className="mt-[13px]">
          <div
            className="w-[169px] h-[32px] text-white text-center leading-[32px]"
            style={{
              backgroundImage: `url('assistant-decision/base-business-title_bg-1.png')`,
              backgroundRepeat: "no-repeat",
              backgroundSize: "cover"
            }}
          >
            <span>（二）风险建议</span>
          </div>
          <div className="flex flex-wrap gap-x-[16px] gap-y-[11px] mt-[20px]">
            <div className="w-[380px] h-[63px] border-l-[4px] border-l-[#FFB725] text-[12px] bg-[#e0e1dc] p-[6px]">
              <div className="text-[#FFB725]">1.外部监管风险</div>
              <p className="ellipsis-rows">
                《招标投标法》明令禁止围标串标违法行为，若评标环节未有效
                识别，会被认定为监管失职，可能面临行政主管部门的处罚。
              </p>
            </div>
            <div className="w-[380px] h-[63px] border-l-[4px] border-l-[#FFB725] text-[12px] bg-[#e0e1dc] p-[6px]">
              <div className="text-[#FFB725]">1.外部监管风险</div>
              <p className="ellipsis-rows">
                《围标串标通过“轮流坐庄”“陪标补偿”等方式操纵报价，可能导致
                采购价格远高于市场合理水平。围标串标中标的供应商可能大方大大的发的发生的发烧地方
              </p>
            </div>
            <div className="w-[380px] h-[63px] border-l-[4px] border-l-[#FFB725] text-[12px] bg-[#e0e1dc] p-[6px]">
              <div className="text-[#FFB725]">1.外部监管风险</div>
              <p className="ellipsis-rows">
                《招标投标法》明令禁止围标串标违法行为，若评标环节未有效
                识别，会被认定为监管失职，可能面临行政主管部门的处罚。
              </p>
            </div>
            <div className="w-[380px] h-[63px] border-l-[4px] border-l-[#FFB725] text-[12px] bg-[#e0e1dc] p-[6px]">
              <div className="text-[#FFB725]">1.外部监管风险</div>
              <p className="ellipsis-rows">
                《招标投标法》明令禁止围标串标违法行为，若评标环节未有效
                识别，会被认定为监管失职，可能面临行政主管部门的处罚。
              </p>
            </div>
          </div>
        </div>
        {/* 二 */}
        <div className="mt-[13px]">
          <div
            className="w-[169px] h-[32px] text-white text-center leading-[32px]"
            style={{
              backgroundImage: `url('assistant-decision/base-business-title_bg-1.png')`,
              backgroundRepeat: "no-repeat",
              backgroundSize: "cover"
            }}
          >
            <span>（二）审计建议</span>
          </div>
          <div className="flex flex-wrap gap-x-[16px] gap-y-[11px] mt-[14px]">
            <div className="w-[380px] h-[63px] border-l-[4px] border-l-[#FFB725] text-[12px] bg-[#e0e1dc] p-[6px]">
              <div className="text-[#FFB725]">1.外部监管风险</div>
              <p>
                《招标投标法》明令禁止围标串标违法行为，若评标环节未有效
                识别，会被认定为监管失职，可能面临行政主管部门的处罚。
              </p>
            </div>
            <div className="w-[380px] h-[63px] border-l-[4px] border-l-[#FFB725] text-[12px] bg-[#e0e1dc] p-[6px]">
              <div className="text-[#FFB725]">1.外部监管风险</div>
              <p>
                《招标投标法》明令禁止围标串标违法行为，若评标环节未有效
                识别，会被认定为监管失职，可能面临行政主管部门的处罚。
              </p>
            </div>
            <div className="w-[380px] h-[63px] border-l-[4px] border-l-[#FFB725] text-[12px] bg-[#e0e1dc] p-[6px]">
              <div className="text-[#FFB725]">1.外部监管风险</div>
              <p>
                《招标投标法》明令禁止围标串标违法行为，若评标环节未有效
                识别，会被认定为监管失职，可能面临行政主管部门的处罚。
              </p>
            </div>
            <div className="w-[380px] h-[63px] border-l-[4px] border-l-[#FFB725] text-[12px] bg-[#e0e1dc] p-[6px]">
              <div className="text-[#FFB725]">1.外部监管风险</div>
              <p>
                《招标投标法》明令禁止围标串标违法行为，若评标环节未有效
                识别，会被认定为监管失职，可能面临行政主管部门的处罚。
              </p>
            </div>
          </div>
        </div>
      </div>
    </>
  )
}

export default RiskSuggestions
